<!DOCTYPE html>
<html manifest="cache.appcache">
<html>
<head>
    <title>Add New Channel | RSS Reader</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link href="css/style.css" rel="stylesheet" />
    <link href="css/idangerous.swiper.css" rel="stylesheet" />
    <link href="css/idangerous.swiper.scrollbar.css" rel="stylesheet" />
    <link href="css/themes/default/jquery.mobile-1.3.1.min.css" rel="stylesheet" />
    <script type="text/javascript" src="../shared/scripts/jquery.js"></script>
    <script type="text/javascript" src="../shared/scripts/sprintf.js"></script>
    <script type="text/javascript" src="../shared/scripts/scripts.js"></script>
    <script type="text/javascript" src="../shared/scripts/Database.js"></script>
    <script type="text/javascript" src="../shared/scripts/SavedFeeds.js"></script>
    <script type="text/javascript" src="scripts/jquery.mobile-1.3.1.js"></script>
    <script type="text/javascript" src="scripts/idangerous.swiper.js"></script>
    <script type="text/javascript" src="scripts/idangerous.swiper.scrollbar-1.2.js"></script>
    <script type="text/javascript" src="scripts/mobile.js"></script>
</head>
<body>
<div data-role="page" id="new-feed">
    <div data-theme="a" data-role="header">
        <a data-role="button" data-rel="back" data-inline="true" data-direction="reverse" data-icon="arrow-l" data-iconpos="left" class="ui-btn-left">
            Back
        </a>
        <h3>
            RSS Reader
        </h3>
    </div>
    <div data-role="content">
        <h2>
            Add new channel
        </h2>
        <div id="new-feed-form-message" data-role="popup" data-theme="a" data-overlay-theme="a" class="ui-content">

        </div>
             <label for="rss-name" class="control-label">RSS name</label>
             <div class="controls">
         <div class="control-group">
                 <input type="text" id="rss-name" placeholder="RSS Name">
             </div>
         </div>
         <div class="control-group">
             <label for="rss-url" class="control-label">RSS URL</label>
             <div class="controls">
                 <input type="text" id="rss-url" placeholder="URL" class="input-xxlarge">
             </div>
         </div>
         <div id="new-feed-form-message"></div>
         <div class="form-actions">
             <button id="add-feed" data-icon="check" data-theme="b">Save changes</button>
             <a id="cancel-feed" data-rel="back" data-role="button" data-icon="delete">Cancel</a>
         </div>
    </div>
</div>
</body>
</html>
